<template>
  <div class="no-data">
    <img class="no-data-img" src="/static/img/nonews@2x.png"/>
    <p class="desc">暂无消息</p>
    <p class="tips">哎呀～这里还没有任何信息哦！</p>
  </div>
</template>

<style scoped lang="stylus">
  .no-data
    width 100%
    position absolute
    top 50%
    left 50%
    transform translate(-50%,-50%)
    display flex
    flex-direction column
    align-items center
    .no-data-img
      width 3.62rem
      height 3.04rem
    .desc
      margin-top .4rem
      color #333
      font-size .32rem
    .tips
      color #666
      word-break keep-all
      margin-top .2rem
</style>
